<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html>
<html lang="en">
<head>

</head>
<body class="no-skin">
	<!-- /section:basics/sidebar -->
	<div class="main-content">
		<!-- #section:basics/content.breadcrumbs -->
		<div class="breadcrumbs" id="breadcrumbs">
			<script type="text/javascript">
				try {
					ace.settings.check('breadcrumbs', 'fixed')
				} catch (e) {
				}
			</script>

			<ul class="breadcrumb">
				<li><i class="ace-icon fa fa-home home-icon"></i> <a href="#">Home</a>
				</li>

				<li><a href="#">Tables</a></li>
				<li class="active">Simple &amp; Dynamic</li>
			</ul>
			<!-- /.breadcrumb -->

			<!-- #section:basics/content.searchbox -->
			<div class="nav-search" id="nav-search">
				<form class="form-search">
					<span class="input-icon"> <input type="text"
						placeholder="Search ..." class="nav-search-input"
						id="nav-search-input" autocomplete="off" /> <i
						class="ace-icon fa fa-search nav-search-icon"></i>
					</span>
				</form>
			</div>
			<!-- /.nav-search -->

			<!-- /section:basics/content.searchbox -->
		</div>

		<!-- /section:basics/content.breadcrumbs -->
		<div class="page-content">
			<!-- #section:settings.box -->
			<div class="ace-settings-container" id="ace-settings-container">
				<div class="btn btn-app btn-xs btn-warning ace-settings-btn"
					id="ace-settings-btn">
					<i class="ace-icon fa fa-cog bigger-150"></i>
				</div>

				<div class="ace-settings-box clearfix" id="ace-settings-box">
					<div class="pull-left width-50">
						<!-- #section:settings.skins -->
						<div class="ace-settings-item">
							<div class="pull-left">
								<select id="skin-colorpicker" class="hide">
									<option data-skin="no-skin" value="#438EB9">#438EB9</option>
									<option data-skin="skin-1" value="#222A2D">#222A2D</option>
									<option data-skin="skin-2" value="#C6487E">#C6487E</option>
									<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</select>
							</div>
							<span>&nbsp; Choose Skin</span>
						</div>

						<!-- /section:settings.skins -->

						<!-- #section:settings.navbar -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2"
								id="ace-settings-navbar" /> <label class="lbl"
								for="ace-settings-navbar"> Fixed Navbar</label>
						</div>

						<!-- /section:settings.navbar -->

						<!-- #section:settings.sidebar -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2"
								id="ace-settings-sidebar" /> <label class="lbl"
								for="ace-settings-sidebar"> Fixed Sidebar</label>
						</div>

						<!-- /section:settings.sidebar -->

						<!-- #section:settings.breadcrumbs -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2"
								id="ace-settings-breadcrumbs" /> <label class="lbl"
								for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
						</div>

						<!-- /section:settings.breadcrumbs -->

						<!-- #section:settings.rtl -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2"
								id="ace-settings-rtl" /> <label class="lbl"
								for="ace-settings-rtl"> Right To Left (rtl)</label>
						</div>

						<!-- /section:settings.rtl -->

						<!-- #section:settings.container -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2"
								id="ace-settings-add-container" /> <label class="lbl"
								for="ace-settings-add-container"> Inside <b>.container</b>
							</label>
						</div>

						<!-- /section:settings.container -->
					</div>
					<!-- /.pull-left -->

					<div class="pull-left width-50">
						<!-- #section:basics/sidebar.options -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2"
								id="ace-settings-hover" /> <label class="lbl"
								for="ace-settings-hover"> Submenu on Hover</label>
						</div>

						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2"
								id="ace-settings-compact" /> <label class="lbl"
								for="ace-settings-compact"> Compact Sidebar</label>
						</div>

						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2"
								id="ace-settings-highlight" /> <label class="lbl"
								for="ace-settings-highlight"> Alt. Active Item</label>
						</div>

						<!-- /section:basics/sidebar.options -->
					</div>
					<!-- /.pull-left -->
				</div>
				<!-- /.ace-settings-box -->
			</div>
			<!-- /.ace-settings-container -->

			<!-- /section:settings.box -->
			<div class="page-content-area">
				<div class="page-header">
					<h1>
						Tables <small> <i
							class="ace-icon fa fa-angle-double-right"></i> 学生考试信息
						</small>
					</h1>
				</div>
				<!-- /.page-header -->
				<form:form action="checkScore" method="POST" modelAttribute="checkUser">
				<div style="margin: auto;width: 50%;padding-bottom: 30px;">
					<div style="padding-bottom: 10px;">科目：
					 <form:select path="subjectId" class="subjectId">
							<form:option value="">所有科目</form:option>
						<c:forEach items="${subjectList }" var="subject">
							<form:option value="${subject.sub_id }">${subject.name }</form:option>
						</c:forEach>
					</form:select></div>
					<div style="padding-bottom: 10px;">学号：<form:input  path="user_id" class="userId"/>
					<button class="userIdbtn btn btn-default" type="button"><span class="glyphicon glyphicon-refresh"></span></button></div>
					<div style="padding-bottom: 10px;">姓名：<form:input  path="user_name" class="userName"/>
					<button type="button" class="userNamebtn btn btn-default"><span class="glyphicon glyphicon-refresh"></span></button></div>
					<div style="padding-bottom: 10px;">考试日期：<form:input class="timeOne" path="timeOne" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true})" />~
					<form:input class="timeTwo" path="timeTwo" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true})" />
					<button type="button" class="timebtn btn btn-default"><span class="glyphicon glyphicon-refresh"></span></button>
					</div>
					<div style="padding-bottom: 10px;"><span style="padding-right: 20px;"><button class="btn btn-primary" type="submit">查找</button></span>
					<span><button class="reset btn btn-default" type="button"><span class="glyphicon glyphicon-refresh"></span></button></span></div>
				</div>
				</form:form>
				<div class="row">
					<div class="col-xs-12">
						<!-- PAGE CONTENT BEGINS -->
						<div class="row">
							<div class="col-xs-12">
								<table id="sample-table-1"
									class="table table-striped table-bordered table-hover">
									<thead>
										<tr>
											<td><a href="changeLocaleSubject?localeType=en_US"><spring:message
														code="page.index.english" /></a></td>
											<td><a href="changeLocaleSubject?localeType=zh_CN"><spring:message
														code="page.index.chinese" /></a></td>
											<td colspan="9"></td>
										</tr>

										<tr>
											<th><spring:message code="user.id.message" /></th>
											<th><spring:message code="user.name.message" /></th>
											<th><spring:message code="subject.name.message" /></th>
											<th><spring:message code="subject.total_time.message" /></th>
											<th><spring:message code="subject.score.message" /></th>
										</tr>
									</thead>
									<tbody>
										<c:forEach items="${userList }" var="list">
											<tr>
												<td>${list.user.user_id}</td>
												<td>${list.user.user_name}</td>
												<td>${list.subject.name}</td>
												<td>${list.exam_time}</td>
												<td>${list.score}</td>
											</tr>
										</c:forEach>
									</tbody>
								</table>
							</div>
							<!-- /.span -->
						</div>
						<!-- /.row -->


						<!-- PAGE CONTENT ENDS -->
					</div>
					<!-- /.col -->
				</div>
				<!-- /.row -->
			</div>
			<!-- /.page-content-area -->
		</div>
		<!-- /.page-content -->
	</div>
	<!-- /.main-content -->
<script type="text/javascript">
$('.userIdbtn').click(function(){
	$('.userId').val("");
	$('.userId').text("");
});
$('.userNamebtn').click(function(){
	$('.userName').val("");
	$('.userName').text("");
});
$('.timebtn').click(function(){
	$('.timeOne').val("");
	$('.timeTwo').val("");
	$('.timeOne').text("");
	$('.timeTwo').text("");
});
$('.reset').click(function(){
	$('.userId').val("");
	$('.userId').text("");
	$('.userName').val("");
	$('.userName').text("");
	$('.timeOne').val("");
	$('.timeTwo').val("");
	$('.timeOne').text("");
	$('.timeTwo').text("");
});
</script>
</body>
</html>
